<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <script src="js/prototype.js"></script>
            <script src="js/kato.js"></script>
            <script src="js/datadumper.js"></script>
            <style>
                table.kato_table tr.kato_selected {background: yellow}
            </style>
            <link rel="stylesheet" href="web/themes/brown_sugar/style.css">
            <script>
                var dane = {
                    columns: [
                        {column:"id"},
                        {column:"imie"},
                        {column:"nazwisko"},
                        {column:"liczba"}
                    ],
                    rows: [
                        [1,"Filip","Dreger",3],
                        [2,"Zdzisław","Trościanko",3],
                        [3,"Beniamin","Franklin",3],
                        [4,"Barbara","Truś",3],
                        [5,"Emilia","Dreger",3],
                        [6,"Zbigniew","Truszkowski",3],
                        [7,"Ewa","Piękoś",3],
                        [8,"Matylda","Kudłaczek",3],
                    ]
                }
            </script>
        <title>JSP Page</title>
    </head>
    <body>
    <h1>JSP Page</h1>
    <script>
    var melpomenta = new Kato.UI.Grid("melpomenta", {
        selection_active:   true,
    })
    melpomenta.data = dane

    new Kato.Model("nijaki",{rows: dane.rows, columns: dane.columns})

    Kato.Controller.add_action(/.*/, function(){
            this.execute = function(event){
                    console.debug(event)
            }
        }
    )

    Kato.init()
    </script>

    </body>
</html>
